/* 
    Document   : gloval
    Created on : Nov 18, 2012, 12:39:16 AM
    Author     : stumbledog
    Description:
        Purpose of the stylesheet follows.
*/

body{
    font-family:arial;
    margin:0;
}
span.whiteHeader{
    color:white;
    font-weight: 900;
}
span.white{
    color:white;
    font-weight:normal;
}
input{
    z-index: 1;
}
table{border-spacing: 0;}
.white{
    color: silver;
}
div.space60{
    width:60px;
    height:1px;
    float:left;
}
div#background{
    background:url("../asset/bg.png") repeat;
    width: 1514px;
    min-height: 840px;
    margin:0;
    position: absolute;
    z-index: -2;
}
div#logo{
    background:url("../asset/logo.png") no-repeat;
    background-size: 100%;
    position: absolute;
    width: 200px;
    height:140px;
    z-index: 1;
}
div.navy{
    background:url("../asset/nav-main.png") no-repeat;
    width: 1200px;
    height: 130px;
    position: absolute;
    left: 60px;
}
img.logo{ width: 15%;}
a{color:white;text-decoration:none;font:bolder;}
table.menu{
    position: absolute;
    left: 200px;
    top: 43px;
}
td.menu{
    background:url("../asset/menu.jpg") no-repeat;
    width: 120px;
    height: 22px;
    vertical-align:bottom;
    padding: 25px;
    cursor: pointer;
}
td.menu:hover{
    background-position: 0 -72px;
    cursor: pointer;
}
td.menu.current {
    background-position: 0 -144px; 
}
td.first{
    background:url("../asset/first-menu.jpg") no-repeat;
    width: 119px;
    height: 22px;
    vertical-align:bottom;
    padding: 25px;
    cursor: pointer;
}
td.first:hover{
    background-position: 0 -72px;
    cursor: pointer;
}
td.first.current {
    background-position: 0 -144px; 
}
td.last{
    background:url("../asset/last-menu.jpg") no-repeat;
    width: 122px;
    height: 22px;
    vertical-align:bottom;
    padding: 25px;
    cursor: pointer;
}
td.last:hover{
    background-position: 0 -72px; 
    cursor: pointer;
}
td.last.current {
    background-position: 0 -144px; 
}
td.myMenu{
    background:url("../asset/my-menu.png") no-repeat;
    width: 119px;
    height: 22px;
    vertical-align:bottom;
    padding: 25px;
    cursor: pointer;
}
td.myMenu:hover{
    background-position: 0 -72px; 
    cursor: pointer;
}
table.submenu{
    font-size:70%;
    position:absolute;
    top: 6em;
    visibility:hidden;
    cursor: pointer;
}
td.topsubmenu{
    padding-left: 10px;
    width: 151px;
    height: 22px;
    background:url("../asset/sub-menu-top.png") no-repeat;
    cursor: pointer;
}
td.topsubmenu:hover{
    background-position: 0 -24px;
    cursor: pointer;
}
td.submenu{
    padding-left: 10px;
    width: 151px;
    height: 22px;
    background:url("../asset/sub-menu-middle.png") no-repeat;
    cursor: pointer;
}
td.submenu:hover{
    background-position: 0 -24px;
    cursor: pointer;
}
td.botsubmenu{
    padding-left: 10px;
    width: 151px;
    height: 22px;
    background:url("../asset/sub-menu-bot.png") no-repeat;
    cursor: pointer;
}
td.botsubmenu:hover{
    background-position: 0 -24px;
    cursor: pointer;
}
div#content{
    background:url("../asset/tile-texture-black.jpg");
    width: 1100px;
    min-height: 700px;
    position: absolute;
    left: 60px;
    top:140px;
    z-index: -1;
}
div#userPanel{
    background: url("../asset/news.png")no-repeat;
    height:400px;
}
div#news{
    padding-top: 10px;
    padding-left: 80px;
    float:left;
    width:640px;
    height:400px;
}
div#login{
    position: absolute;
    top: 30px;
    left: 800px;
    width: 300px;
    height: 300px;
}
div#loginInput{
    position: absolute;
    padding: 20px;
    top: 56px;
    left: 9px;
    width: 213px;
    height: 100px;
    background-color: #161816;
    z-index: 0;
}
div#loginHeader-left{
    position: relative;
    float: left;
    background:url("../asset/header-left.png") no-repeat;
    width:16px;
    height:69px;
    z-index: 1;
}
div#loginHeader-mid{
    position: relative;
    text-align: center;
    float: left;
    background:url("../asset/header-mid.png");
    width: 240px;
    height:49px;
    padding-top: 20px;
    z-index: 1;
}
div#loginHeader-right{
    position: relative;
    float: left;
    background:url("../asset/header-right.png") no-repeat;
    width:16px;
    height:69px;
    z-index: 1;
}
table#logintable tr{
    height:35px;
}
button#loginbtn{
    text-align: center;
    background: url("../asset/button.png") 0 -35px no-repeat;
    width:79px;
    height:35px;
    border: 0px;
    padding-bottom:12px;
}

button#loginbtn:hover{
    background-position: 0 0px;
}

button#createAccountbtn{
    float: right;
    text-align: center;
    background: url("../asset/long-button.png") 0 -35px no-repeat;
    width:117px;
    height:35px;
    border: 0px;
    padding-bottom:12px;
}

button#createAccountbtn:hover{
    background-position: 0 0px;
}

input.short, button.short{
    text-align: center;
    background: url("../asset/button.png") 0 -35px no-repeat;
    width:79px;
    height:35px;
    border: 0px;
    padding-bottom:12px;
}
input.short:hover, button.short:hover{
    background-position: 0 0px;
}
input.long, button.long{
    text-align: center;
    background: url("../asset/long-button.png") 0 -35px no-repeat;
    width:117px;
    height:35px;
    border: 0px;
    padding-bottom:12px;
}
input.long:hover, button.long:hover{
    background-position: 0 0px;
}

div#createLeagueContainer{
    background: url("../asset/tile-texture-grey.jpg")no-repeat;
    position: absolute;
    padding: 40px;
    top: 40px;
    left: 340px;
    width: 400px;
    height: 400px;
}
/*
standing.xhtml
*/
table#standing{
    border-collapse:collapse
}
table#standing td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    border-bottom: 2px solid #000;
    color: #CCCCCC;
}
div#standingDiv{
    background: url("../asset/tile-texture-grey.jpg")no-repeat;
    position: absolute;
    top:40px;
    left: 340px;
    padding: 40px;
}
/*
schedule.xhtml
*/
div#scheduleDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    width: 940px;
    top:40px;
    left: 40px;
    padding: 40px;
    overflow : auto;
}
table#nflschedule td{
    padding-left: 2px;
    padding-top: 2px;
    border: 2px solid #000;
    color: #ffffff;
    width: 120px;
    height: 80px;
    vertical-align: top;
}
table#fantasyschedule td{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    color: #ffffff;
    width: 200px;
    height: 60px;
    vertical-align: middle;
    text-align:center;
}
table#nflschedule td.day{
    height:20px; 
    text-align:center;
    border:none;
}
table#nflschedule td.month{
    height:20px; 
    text-align:center;
    border:none;
}
/*
draftResult.xhtml
*/
div#draftResultDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    width: 940px;
    height: 400px;
    top:40px;
    left: 40px;
    padding: 40px;
    overflow : auto;
}

table#teamList, table#draftByTeam,table#round,table#draftByRound, table#owner, table#nflschedule, table#fantasyschedule{
    border-collapse:collapse
}

table#teamList td,table#draftByTeam td,table#round td,table#draftByRound td, table#owner td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    border-bottom: 2px solid #000;
    color: #ffffff;
}

/*
owner.xhtml
*/

div#ownerDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 240px;
    padding: 40px;
}

/*
leagueSetting.xhtml
*/
div#leagueSettingDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 410px;
    padding: 40px;
}

/*
playerList.xhtml
*/
div#playerListDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    padding: 40px;
}

/*
edutSetting.xhtml
*/

div#editSettingDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 260px;
    padding: 40px;
}
table#teamLogo td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    color: #ffffff;
}

/*
myFantasyScoreBoard.xhtml
*/
div#myFantasyScoreBoardDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 120px;
    padding: 40px;
}

table#fantasySeason td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    color: #ffffff;
}

table.scoreboard{
    border-collapse:collapse;
    border: 2px solid #000;
}

table.scoreboard td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    color: #ffffff;
}

/*
joinLeague.xhtml
*/
div#joinLeagueDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 80px;
    padding: 40px;
}
table#leagueList td{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    height:30px;
    color: #ffffff;
    border-bottom: 2px solid #000;
}

/*
gamecenter.xhtml
*/
div#gamecenterDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 40px;
    width: 940px;
    padding: 40px;
}

table.gamecenter td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    font-size: smaller;
    height: 30px;
}

div#RESEARCHANDTRENDS{
    float:left;
    width:640px;
    margin-left: 40px;
}
table#RESEARCHANDTRENDSTABLE td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    height: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 8px;
    text-align: center;
}
div#LEADERBOARD{
    float:left;
    width:360px;
}
table#LEADERBOARDTABLE td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    height: 30px;    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    text-align: center;
}

/*
league.xhtml
*/

div#leagueDiv{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 40px;
    width: 940px;
    padding: 40px;
    z-index: 0;
}div#leagueInfo{
    float: left;
    width: 700px;
}
div#scoreboard{
    float: left;
    width: 240px;
}
table#standingtable td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    height: 30px;    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    text-align: center;
}

table#scoreboardtable td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    height: 30px;    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    text-align: center;
    font-size: small;
}
table#scheduletable{
    position: absolute;
    top:120px;
    visibility: hidden;
}
table#scheduletable td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    height: 30px;    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    text-align: center;
}
table#NFLscheduletable{
    position: absolute;
    top:100px;
    visibility: hidden;
}
table#NFLscheduletable td{
    color: #ffffff;
    border-bottom: 2px solid #000;
    height: 30px;    
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    text-align: center;
    font-size: small;
}

/*
createAccount.xhtml
*/

div#createAccountDIV{
    background: url("../asset/tile-texture-grey.jpg");
    position: absolute;
    top:40px;
    left: 410px;
    padding: 40px;
}